<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>超市账单管理系统</title>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/style.css"/>
 <script type="text/javascript" src="js/jQuery-1.8.3.js"></script>
</head>
<body>
<!-- 添加成功 -->
<c:if test="${! empty fankui}">
	<script type="text/javascript">
		alert("${fankui}");
	</script>
	<c:remove var="fankui" />
</c:if>
<!-- 双击元素的时候 -->
<script type="text/javascript">
$(function(){
$(".shuangji").dblclick(function(){
 var $id = $(this).attr('id');
 location="displayuser.csdd?id="+$id;

});
});
</script>
 <%@include file="head.jsp" %>
 <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>用户管理</span>
            </div>
            <div class="search">
            <form action="userlist.csdd">
                <span>用户名：</span>
                <input type="text" placeholder="请输入用户名" name="username" value="${username }"/>
                <input type="submit" value="查询"/>
                <a href="skipuser.csdd">添加用户</a>
            </div>
          
            <!--用户-->
            <table class="providerTable" cellpadding="0" cellspacing="0">
                <tr class="firstTr">
                    <th width="10%">用户编码</th>
                    <th width="20%">用户名</th>
                    <th width="10%">性别</th>
                    <th width="10%">年龄</th>
                    <th width="10%">电话</th>
                    <th width="10%">用户类型</th>
                    <th width="30%">操作</th>
                </tr>
            <c:forEach var="u" items="${userpage.datas }">
                <tr class="shuangji" id="${u.id }">               
                    <td>${u.userCode }</td>
                    <td>${u.userName }</td>
                    <td>${u.sex }</td>
                   <td>${u.age }</td> 
                     <td>${u.phone }</td>
                    <td>${u.userRoleName }</td>  
                    <td>
                        <a href="userView.csdd?id=${u.id }"><img src="img/read.png" alt="查看" title="查看"/></a>
                        <a href="userupdateview.csdd?id=${u.id}"><img src="img/xiugai.png" alt="修改" title="修改"/></a>
                        <a href="deluser.csdd?id=${u.id }" class="removeUser"><img src="img/schu.png" alt="删除" title="删除"/></a>
                    </td>
                </tr>
  </c:forEach>
                
            </table>
<c:if test="${ userpage.pageNo>1}">
        <a href="userlist.csdd?p=${userpage.pageNo - 1}&username=${username}">上一页</a>
        </c:if>
        ${userpage.pageNo }/${userpage.pageNums}
        <c:if test="${userpage.pageNums > userpage.pageNo}">
        <a href="userlist.csdd?p=${userpage.pageNo + 1}&username=${username}">下一页</a>
        </c:if>
        </div>
    </section>
  </form>
<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeUse">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该用户吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>

    <footer class="footer">
        版权归北大青鸟
    </footer>

<script src="js/jquery.js"></script>
<script src="js/js.js"></script>
<script src="js/time.js"></script>

</body>
</html>
